<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
     <title>iTRADE</title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link href="../css/reset.css" rel="stylesheet" type="text/css" />
	 <style type="text/css">
	 	strong {font-weight:bold;}
	 	input, select {border:1px gray solid;padding:2px;}
		button {background:transparent none repeat scroll 0 0;border:0 none;}
		label.top {display:block;}
	 	.clearer {clear:both;line-height:0;}
	 	div.itrade {font-family:Arial, Helvetica, sans-serif;font-size:12px;}
	 	div.itrade div.ad-block.skyscrapper.large {position:relative;width:200px;height:500px;border:1px #1A61A9 solid;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;}
		div.itrade div.header {color:gray;text-align:center;font-size:0.8em;}
		div.itrade div.body {padding:3px;}
		div.itrade div.title {font-size:1.2em;font-weight:bold;text-align:center;margin-bottom:5px;}
		div.itrade ol.price-list li {height:4em;}
		div.itrade ol.price-list li div.line.main {line-height:1.8em;}
		div.itrade ol.price-list span.price {float:left;font-size:1.4em;font-weight:bold;cursor:pointer;text-decoration:underline;color:#0063DC;margin-right:4px;}
		div.itrade ol.price-list span.company {float:left;}
		div.itrade ol.price-list span.company img {float:left;margin:0 3px;}
		div.itrade ol.price-list span.info {margin-left:4px;color:#0063DC;text-decoration:underline;cursor:pointer;}
		div.itrade ol.price-list span.merchant {color:#488000;font-size:0.9em;cursor:pointer;}
		div.itrade fieldset.search-box {border:1px gray solid;margin:4px;}
		div.itrade fieldset.search-box fieldset {margin:5px;}
		div.itrade fieldset.search-box legend {margin-left:5px}
		div.itrade fieldset.search-box fieldset.city input {display:block;width:96%;}
		div.itrade fieldset.search-box fieldset.date label {float:left;width:45px;line-height:1.8em;}
		div.itrade fieldset.search-box fieldset.date input {background:url('../pictures/date-picker.gif') no-repeat 103px 3px;}
		div.itrade fieldset.search-box fieldset.search-button {text-align:right;}
		div.itrade fieldset.search-box fieldset.search-button button {color:#FFFFFF;cursor:pointer;padding:0;}
		div.itrade fieldset.search-box fieldset.search-button button strong {padding-left:20px;height:30px;line-height:2.2em;float:left;background:transparent url(../pictures/button-search-left.gif) no-repeat scroll left center;}
		div.itrade fieldset.search-box fieldset.search-button button strong em {padding-right:20px;height:30px;line-height:2.2em;float:left;background:transparent url(../pictures/button-search-right.gif) no-repeat scroll right center;}
		div.itrade div.footer div.logo {position:absolute;color:white;right:0;bottom:0;background-color:#1A61A9;padding:3px 3px 1px 3px;-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;}
	 </style>
</head>
<body>
<div class="itrade">
	<div class="ad-block skyscrapper large">
		<div class="header">
			sponsored results
		</div>
		<div class="body">	
			<div class="title">
				<div class="cities">Madrid - Buenos Aires</div>
				<div class="dates">10 Jun - 16 Jun</div>
			</div>
			<ol class="price-list">
				<li>
					<div class="line main">
						<span class="price">543€</span>
						<span class="company">
							<img src="http://www.kayak.com/v250/images/air/AZ.gif" alt="Alitalia" />
							Alitalia
						</span>
						<div class="clearer"></div>
					</div>
					<div class="line">
						<span class="stop">1 stop</span>
						<span class="info">+info</span>
						<span class="merchant">www.opodo.es</span>
						<div class="clearer"></div>
					</div>
				</li>
				<li>
					<div class="line main">
						<span class="price">557€</span>
						<span class="company">
							<img src="http://www.kayak.com/v250/images/air/AR.gif" alt="Aerolineas Argentinas" />
							Aerolineas Argentinas
						</span>
						<div class="clearer"></div>
					</div>
					<div class="line">
						<span class="stop">direct</span>
						<span class="info">+info</span>
						<span class="merchant">www.rumbo.es</span>
						<div class="clearer"></div>
					</div>
				</li>
				<li>
					<div class="line main">
						<span class="price">567€</span>
						<span class="company">
							<img src="http://www.kayak.com/v250/images/air/IB.gif" alt="Iberia" />
							Iberia
						</span>
						<div class="clearer"></div>
					</div>
					<div class="line">
						<span class="stop">direct</span>
						<span class="info">+info</span>
						<span class="merchant">www.iberia.com</span>
						<div class="clearer"></div>
					</div>
				</li>
				<li>
					<div class="line main">
						<span class="price">941€</span>
						<span class="company">
							<img src="http://www.kayak.com/v250/images/air/BA.gif" alt="British Airways" />
							British Airways
						</span>
						<div class="clearer"></div>
					</div>
					<div class="line">
						<span class="stop">1 stop</span>
						<span class="info">+info</span>
						<span class="merchant">www.ba.com</span>
						<div class="clearer"></div>
					</div>
				</li>
			</ol>
			<fieldset class="search-box">
				<legend>Change search</legend>
				<fieldset class="city">
					<label class="top">From</label>
					<input type="text" value="City or Airport" size="24"/>
				</fieldset>
				<fieldset class="city">
					<label class="top">To</label>
					<input type="text" value="City or Airport" size="24"/>
				</fieldset>
				<fieldset class="date">
					<label>Leave</label>
					<input id="departureDate" type="text" value="DD/MM/YYYY" size="16" maxlength="10"/>
				</fieldset>
				<fieldset class="date">
					<label>Return</label>
					<input id="returnDate" type="text" value="DD/MM/YYYY" size="16" maxlength="10"/>
				</fieldset>
				<fieldset class="search-button">
					<button value="Search">
						<strong>
							<em>Search</em>
						</strong>
					</button>
				</fieldset>
			</fieldset>
		</div>
		<div class="footer">
			<div class="logo">
				ads by
				<img src="../pictures/logo-amadeus-small.gif" alt="Amadeus Logo" />
			</div>
		</div>
	</div>
</div>
</body>
</html>

